<!DOCTYPE html>
<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if (IE 7)&!(IEMobile)]><html class="no-js lt-ie9 lt-ie8" lang="en"><![endif]-->
<!--[if (IE 8)&!(IEMobile)]><html class="no-js lt-ie9" lang="en"><![endif]-->
<!--[if (IE 9)]><html class="no-js ie9" lang="en"><![endif]-->
<!--[if gt IE 8]><!--> <html lang="en-US"> <!--<![endif]-->
<head>

<!-- Meta Tags -->
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

<title>Earth Observation Open Search Catalogue</title>   

<meta name="description" content="Earth Observation Open Search Catalogue" /> 

<!-- Mobile Specifics -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="HandheldFriendly" content="true"/>
<meta name="MobileOptimized" content="320"/>   

<!-- Bootstrap -->
<link href="_include/css/bootstrap.min.css" rel="stylesheet">

<!-- Main Style -->
<link href="_include/css/main.css" rel="stylesheet">

<!-- Supersized -->
<link href="_include/css/supersized.css" rel="stylesheet">
<link href="_include/css/supersized.shutter.css" rel="stylesheet">

<!-- FancyBox -->
<link href="_include/css/fancybox/jquery.fancybox.css" rel="stylesheet">

<!-- Font Icons -->
<link href="_include/css/fonts.css" rel="stylesheet">

<!-- Shortcodes -->
<link href="_include/css/shortcodes.css" rel="stylesheet">

<!-- Responsive -->
<link href="_include/css/bootstrap-responsive.min.css" rel="stylesheet">
<link href="_include/css/responsive.css" rel="stylesheet">

<!-- Supersized -->
<link href="_include/css/supersized.css" rel="stylesheet">
<link href="_include/css/supersized.shutter.css" rel="stylesheet">

<!-- Google Font -->
<link href='http://fonts.googleapis.com/css?family=Titillium+Web:400,200,200italic,300,300italic,400italic,600,600italic,700,700italic,900' rel='stylesheet' type='text/css'>

<!-- Fav Icon -->
<link rel="shortcut icon" href="#">

<link rel="apple-touch-icon" href="#">
<link rel="apple-touch-icon" sizes="114x114" href="#">
<link rel="apple-touch-icon" sizes="72x72" href="#">
<link rel="apple-touch-icon" sizes="144x144" href="#">

<!-- Modernizr -->
<script src="_include/js/modernizr.js"></script>

</head>


<body>

<!-- This section is for Splash Screen -->
<div class="ole">
<section id="jSplash">
	<div id="circle"></div>
</section>
</div>
<!-- End of Splash Screen -->

<!-- Header -->
<header>
    <div class="sticky-nav">
    	<a id="mobile-nav" class="menu-nav" href="#menu-nav"></a>
        
        <div id="logo">
        	<a id="goUp" href="#home-slider" title="Brushed | Responsive One Page Template">Brushed Template</a>
        </div>
        
        <nav id="menu">
        	<ul id="menu-nav">
            	<li><a href="#home">Home</a></li>
                <li><a href="#howto">How To</a></li>
                <li><a href="#query">Query examples</a></li>
                <li><a href="#harvest">Load</a></li>
                <li><a href="#contact">Contact</a></li>
            </ul>
        </nav>        
    </div>
</header>
<!-- End Header -->

<!-- Home Section -->
<div id="home" class="page">
	<div class="container">
    	<!-- Title Page -->
        <div class="row">
            <div class="span12">
                <div class="title-page">
                        <h2 class="title"><span class="color-text">E</span>arth <span class="color-text">O</span>bservation <span class="color-text">O</span>pen <span class="color-text">S</span>earch Catalogue</h2>
                    <h3 class="title-description">Get the latest version on <a href="http://code.google.com/p/eoos/">Google</a>.</h3>
                </div>
            </div>
        </div>
        <!-- End Title Page -->
        
        <!-- Portfolio Projects -->
        <div class="row">
        <p>OpenSearch was conceived by A9.com, an Amazon.com company, as a mechanism to trigger a distributed search over a collection of web sites and merge the results in an unique result set (search results syndication). </p>
<p>
The entry point to a search engine is its description document. This document contains, along with other metadata, an URL template for each accepted response format. Each template indicates the mandatory and optional query parameters, as well as the syntax to build the query as an URL. The query is performed as an HTTP GET. 
</p>

        <div class="row">
        	<div class="span12">
            	<hr>
            </div>	
        </div>            

        <!-- Information Block -->
        <div class="row">
        	<div class="span12">                
                <div class="info-block">
                	<div class="info-text">
                		<h3>Based on <span class="color-text">OGC</span> standards</h3>
                        <p>The EOOS catalogue manages metadata compliant with OGC 10-157r4, EO Profile of Observations and Measurements. The search interface is based on OpenSearch and support the 
                            Geotemporal Extension for OpenSearch (OGC 10-032r7) and the OpenSearch Extension for Earth Observation (OGC 13-026r2).
                        
                        </p>
                	</div>
                </div>
            </div>	
        </div>
        <!-- End Information Block -->
            
            
        </div>
        <!-- End Portfolio Projects -->
    </div>
</div>
<!-- End Home Section -->

<!-- HOW-TO Section -->
<div id="howto" class="page-alternate">
<div class="container">
    <!-- Title Page -->
    <div class="row">
        <div class="span12">
            <div class="title-page">
                <h2 class="title">How-To</h2>
                <h3 class="title-description">Learn how to use  the tool.</h3>
            </div>
        </div>
    </div>
    <!-- End Title Page -->
    
    <!-- People -->
    <div class="row">
    	
        <!-- Start Profile -->
    	<div class="span6 profile">
        	<div class="image-wrap">
                <div class="hover-wrap">
                    <span class="overlay-img"></span>
                    <span class="overlay-text-thumb">Harvest data</span>
                </div>
                <img src="_include/img/profile/harvest.png" alt="John Doe">
            </div>
            <h3 class="profile-name">Load metadata</h3>
            <p class="profile-description">Metadata can be entered in the system via a command line metadata converter or via an HTTP interface. The catalogue accept etadata in O&amp;. Additionally the system can be configured to ingest custom metadata. <a href="#harvest">See detailed instructions.</a></p>
            	
            <!--div class="social">
            	<ul class="social-icons">
                	<li><a href="#"><i class="font-icon-social-twitter"></i></a></li>
                    <li><a href="#"><i class="font-icon-social-dribbble"></i></a></li>
                    <li><a href="#"><i class="font-icon-social-facebook"></i></a></li>
                </ul>
            </div-->
        </div>
        <!-- End Profile -->
        
        <!-- Start Profile -->
    	<div class="span6 profile">
        	<div class="image-wrap">
                <div class="hover-wrap">
                    <span class="overlay-img"></span>
                    <span class="overlay-text-thumb">Search Data</span>
                </div>
                <img src="_include/img/profile/search.png" alt="Jane Helf">
            </div>
            <h3 class="profile-name">Search</h3>
            <p class="profile-description">Searches can be done using the OpenSearch standard with the Geotemporal Extension for OpenSearch (OGC 10-032r7) and the OpenSearch Extension for Earth Observation (OGC 13-026r2). <a href="#query">See some examples.</a>
                The entry point of the catalogue is the <a href="service/opensearch/description.xml" target="_blank">OpenSearch Description Document (OSDD)</a> which provides metadata about the contents along with a set of URL Templates
                which inlustrate the parameters accepted by the service and the variety of output formats in which the results can be retrieved.
            
            </p>
            	
            <!--div class="social">
            	<ul class="social-icons">
                	<li><a href="#"><i class="font-icon-social-twitter"></i></a></li>
                    <li><a href="#"><i class="font-icon-social-email"></i></a></li>
                </ul>
            </div-->
        </div>
        <!-- End Profile -->
    </div>
    <!-- End People -->
</div>
</div>
<!-- End HOW-TO Section -->
    
    
<!-- Query Section -->
<div id="query" class="page">
	<div class="container">
    	<!-- Title Page -->
        <div class="row">
            <div class="span12">
                <div class="title-page">
                        <h2 class="title">Query Examples</h2>
                    <h3 class="title-description">Use the links below to get some data.</h3>
                </div>
            </div>
        </div>
        <!-- End Title Page -->
        
        <!-- Portfolio Projects -->
        <div class="row" id="link_examples">
        </div>
        <div class="row"><div class="span12"><hr></div>	</div>	
            
        <!-- End Portfolio Projects -->
    </div>
</div>
<!-- End Query Section -->    
    
    <!-- Harvest Section -->
<div id="harvest" class="page-alternate">
	<div class="container">
    	<!-- Title Page -->
        <!--div class="row">
            <div class="span12">
                <div class="title-page">
                        <h2 class="title"><span class="color-text">E</span>arth <span class="color-text">O</span>bservation <span class="color-text">O</span>pen <span class="color-text">S</span>earch Catalogue</h2>
                    <h3 class="title-description">Get the latest version on <a href="http://code.google.com/p/eoos/">Google</a>.</h3>
                </div>
            </div>
        </div-->
        <!-- End Title Page -->
        
        <!-- Information Block -->
        <div class="row">
        	<div class="span10">                
                <div class="info-block">
                	<div class="info-text">
                		<h3>Upload <span class="color-text">Standard </span>Metadata</h3>
                                <p>Metadata can be uploaded to the catalogue by simply posting (PUT method) a single <a href="#" data-toggle="tooltip" title="A single metadata in any supported domain: O&M, altimetric, optical, radar, limb, atmospheric">metadata</a> to the following url <script type='text/javascript'>document.write(document.URL+"xml/oem");</script> </p>
                        </div>
                </div>	
                </div>        
        <!-- End Information Block -->
        </div>



        <!-- End Portfolio Projects -->

        
<div class="row">
        	<div class="span10">                
                <div class="info-block">
                	<div class="info-text">
                		<h3>Ingest <span class="color-text"> Custom </span> Metadata</h3>
                        <p>Data can be ingesed in the system via a converter. The converter accept a csv or an XML file as input and generate O&M compliant metadata according to a configuration file (to be generated offline and configured in the system).
                            The configuration file defines the mapping between the columns of the csv file or the XPATH of the source file and the elements of the O&amp;M metadata file. </p>
                        <p>Every ingester can be invoked by posting the file (PUT method) to the following url <script type='text/javascript'>document.write(document.URL+"&lt;format&gt;/&lt;model&gt;");</script></p>
                        <p>Format stands for a file format, like xml or csv</p><p>Model is the data model, like oem or dimap</p>
                	</div>
                </div>
            </div>	
        </div>        
        
        </div>
</div>
<!-- End Home Section -->


<!-- Contact Section -->
<div id="contact" class="page">
<div class="container">
    <!-- Title Page -->
    <div class="row">
        <div class="span12">
            <div class="title-page">
                <h2 class="title">Get in Touch</h2>
                <h3 class="title-description">We’re are updating the catalogue implementation. send us a message to suggest new feature o to get in touch with us.</h3>
            </div>
        </div>
    </div>
    <!-- End Title Page -->
    
    <!-- Contact Form -->
    <div class="row">        
        <div class="span3">
        	<div class="contact-details">
        		<h3>Contact Details</h3>
                <ul>
                    <li><a href="#">simone.gianfranceschi@intecs.it</a></li>
                    <li>
                        Intecs SPA
                        <br>
                        Salita del poggio Laurentino , 7
                        <br>
                        Roma
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- End Contact Form -->
</div>
</div>
<!-- End Contact Section -->


<!-- Socialize -->
<div id="social-area" class="page">
	<div class="container">
    	<div class="row">
            <div class="span12">
                <nav id="social">
                    <ul>
                        <li><a href="https://twitter.com/IntecsNews" title="Follow Us on Twitter" target="_blank"><span class="font-icon-social-twitter"></span></a></li>
                        <li><a href="http://www.linkedin.com/company/intecs" title="Follow Us on LinkedIn" target="_blank"><span class="font-icon-social-linkedin"></span></a></li>
                    </ul>
                </nav>
            </div>
        </div>
    </div>
</div>
<!-- End Socialize -->

<!-- Footer -->
<footer>
	<p class="credits">&copy;2013  <a href="http://www.intecs.it" title="Intecs">Intecs SPA</a></p>
</footer>
<!-- End Footer -->

<!-- Back To Top -->
<a id="back-to-top" href="#">
	<i class="font-icon-arrow-simple-up"></i>
</a>
<!-- End Back to Top -->


<!-- Js -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script> <!-- jQuery Core -->
<script src="_include/js/underscore-min.js"></script> <!-- Bootstrap -->
<script src="_include/js/bootstrap.min.js"></script> <!-- Bootstrap -->
<script src="_include/js/supersized.3.2.7.min.js"></script> <!-- Slider -->
<script src="_include/js/waypoints.js"></script> <!-- WayPoints -->
<script src="_include/js/waypoints-sticky.js"></script> <!-- Waypoints for Header -->
<script src="_include/js/jquery.isotope.js"></script> <!-- Isotope Filter -->
<script src="_include/js/jquery.fancybox.pack.js"></script> <!-- Fancybox -->
<script src="_include/js/jquery.fancybox-media.js"></script> <!-- Fancybox for Media -->
<script src="_include/js/plugins.js"></script> <!-- Contains: jPreloader, jQuery Easing, jQuery ScrollTo, jQuery One Page Navi -->
<script src="_include/js/main.js"></script> <!-- Default JS -->
<!-- End Js -->

</body>
</html>